/*
Theme name: Gmail
Author: Me
Author URI: https://www.net.cn/
*/
* { -webkit-tap-highlight-color: transparent; }
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,main,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}

body { background: #fff; font-size: 14px;font-family: Google Sans, Google Sans Text, Roboto, Arial, sans-serif; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #1a73e8; outline: none; }
a:hover { color: #1a73e8; }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

/*gold*/
.inner { width: 1140px; margin: 0 auto; }
.blank { height: 82px; width: 100%; }
.thumbnail a { display: block; position: relative; overflow: hidden; padding-bottom: 75%; }
.thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; }

/*header*/
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 9; transition: all 0.3s ease 0s; box-shadow: 0 3px 4px rgba(153, 153, 153, 0.5);     background: #fff}
.header .inner { position: relative; }
.header.fixed { background: rgba(255, 255, 255, 0.95); }

/*logo*/
#logo {float: left;padding: 1px 0;}
#logo a {display: block;width: 174px;height: 60px;text-indent: -9999em;overflow: hidden;background: no-repeat left center;background-size: contain;}

/*nav*/
.nav { float: right; }
.nav li {float: left;font-size: 14px;line-height: 34px;position: relative;padding: 14px 15px;}
.nav li a {color: #222;display: block;padding: 0 12px;transition: all 0.3s ease 0s;}
.nav li.cur > a { background-color: #f1f3f4; color: #1a73e8; border-radius: 2px; }
.nav li ul { position: absolute; left: 50%; top: 100%; width: 140px; margin-left: -70px; background-color: #f1f3f4; display: none; }
.nav li li { float: none; padding: 0; font-size: 14px; text-align: center; border-bottom: 1px solid #f1f3f4; border-top: 1px solid #f1f3f4; }
.nav li li a { color: #1a73e8; padding: 5px; }
.nav li li a:hover { background-color: #f1f3f4; }
.nav li em,
.navBtn { display: none; }

/*searchbox*/
.searchbox {float: right;padding: 19px 0;}
.searchbox a{background:#1a73e8;font-size:14px;padding:10px 20px;margin-right:15px;border-radius:8px;color:#fff;}

.main{padding:6% 0 0;min-height:600px;}
.banner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;}
.not{font-size:3rem;font-weight:600;margin:0 0 5px 0;color:#fff;line-height:1}
h2.til{font-size: 54px;line-height: 64px;font-weight: 700;letter-spacing: -.5px;}
.picbg{margin:30px 0;width:238px;height:auto}
.text{display:inline-block;font-size:18px;line-height:28px;color:#bdb7c0;margin-bottom:45px}
.button-con{display:flex}
.button-con a{background-color:#1a73e8;font-size:16px;border-radius:5px;padding:10px 35px 10px 35px;color:#fff}
.banner-left{align-items:flex-start}
.banner-left p{color:#191919;font-size:18px;margin:40px 0;line-height:140%}
.banner-right{align-items:flex-start}
.banner-right img{width:100%;max-width:600px}

h2.title{font-size: 40px;text-align: center;line-height: 50px;font-weight: 500;letter-spacing: -.5px;margin-bottom:16px;padding-top:60px;}
p.desc{font-size: 18px;text-align: center;padding: 0 10%;line-height: 28px;font-weight: 400;}
.s1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding-top:30px;gap:20px;padding-bottom:50px;}
.s1 .pic{max-width:90%;}
.s2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding-top:30px;gap:20px;padding-bottom:50px;}
.s2 .pic{max-width:90%;}
.one h3{font-size: 20px;line-height: 28px;font-weight: 500;color: #202124;text-align: center;margin-bottom: 15px;}
.one p{font-size: 15px;line-height: 28px;font-weight: 400;text-align: center;}

.dark{background-color: #f8f9fa;}
.dark .s1{padding:70px 0;gap: 60px;align-items: start;}
.dark .one h3,.dark .one p{text-align: left;margin-top:20px;}
.dark .one h3{font-size: 24px;}

.two{text-align: center;padding:100px 0;}
.two h2{font-size: 44px;line-height: 54px;font-weight: 500;color: #202124;text-align: center;margin-bottom: 15px;}
.two p{font-size: 18px;line-height: 28px;font-weight: 400;text-align: center;}


.position{margin:10px 0;color:#999;font-size:13px}
.position a{color:#999;font-size:13px}
.post-all h1{font-size:2em;text-align:center;color:#333}
.news-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
#wps-list-img{display:block;width:100%;height:10rem;overflow:hidden;background-size:100%;background-repeat:no-repeat}
.news-list div{box-shadow:0 12px 32px rgba(255,0,60,.16);border-radius:1rem;overflow:hidden;text-align:left;transition:transform .3s ease}
.news-list div:hover{transform:scale(1.1)}
.c-tit{font-size:1.2rem;text-align:center;margin:2rem 0}
.atk-title{padding:1rem;line-height:1.8;background:#fafafa}
.atk-title strong{display:block;height:1.5rem;line-height:1.5rem;overflow:hidden;margin-bottom:.5rem}
.atk-title a{font-size:1rem;color:#333;text-decoration:none}
.atk-title p{font-size:.8rem;color:#666}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;width:100%;justify-content:center;border-radius:.25rem;margin:30px auto}
.page-numbers.current{padding:.5rem .75rem;}
.page-link,.page-num{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#08c;background-color:#fff;border:1px solid #dee2e6}
.page-num:not(:disabled){cursor:pointer}
.page-num-current{z-index:1;color:#333;background-color:#246789;border-color:#5b39c98}
.inf{font-size:.8rem;color:#666;display:flex;gap:1rem;justify-content:center;margin:1rem 0}
.content{margin:auto;font-size:1rem;line-height:200%;color:#333;margin-bottom:1rem}
.content h2,.content h3,.content h4,.content h5{margin:25px 0;padding:0;color:#333;font-weight:700;padding:10px 0 10px 10px}
.content h2,.content h3,.content h4,.content h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:20px}
.content h3{font-size:18px}
.content h4{font-size:15px}
.content h5{font-size:14px}
.content img{max-width:100%;margin:auto;display:block}
.content iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.content ol,.content ul{margin:0 0 18px 15px}
.content ul{list-style:disc}
.content ol{list-style:decimal}
.content li{margin-bottom:6px}
.content p{padding:0 0 8px 0;word-wrap:break-word;font-size:18px;line-height:190%}
.content pre{word-wrap:break-word}
.content table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.content table th{background-color:#f9f9f9;text-align:center}
.content table td,.content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
blockquote{background:#f3f3f3;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}
.nextorprev{font-size:.8rem}
.nextorprev a{color:#000;text-decoration:none;font-size:.8rem}
.nextorprev a:hover{text-decoration:underline}
.prev-post{margin-bottom:10px}


.footer__nav {
    display: flex
;
    flex-direction: row;
        gap: 35px;
        padding: 38px 0 12px;
    justify-content: center;
    position: relative;

}
.footer__nav__links {
    display: flex
;
    align-items: flex-start;
    --annotation: "Nav";
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    gap: 30px;
            line-height: 2;
    list-style: none;
    padding: 0;    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.footer__nav__links a{color:#616161;}


















@media only screen and (max-width:1280px) {
	.main{padding-top:100px;}
	/*1280*/
	.inner { width: 93.75%; }
	/*1280*/
	#logo { padding: 19px 0; }
	#logo a { width: 150px; height: 40px; }
	/*1280*/
	.nav li { font-size: 16px; padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width:1024px) {
	/*1024px*/
	.blank { height: 58px; }
body{-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}

	/*1024px*/
	.searchbox { padding: 17px 20px; }
	.searchbox span { color: #999; font-size: 20px; }
	
	.menu-on{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);-ms-transform:translateX(80%);transform:translateX(80%);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
	.menu-on .header{box-shadow:none}
	.menu-on .menu-on-shadow{display:block;position:fixed;z-index:19999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);content:"";cursor:pointer}
	.menu-on .navBtn{position: fixed;right: 104%;z-index: 999;}
	.menu-on #logo{position: fixed;top: 0;right: 100%;width: 80%;transition: all 0.3s ease 0s;box-shadow: 0 3px 4px rgb(153 153 153 / 50%);}
	.menu-on #logo a{ margin-left:5%;}

	/*1024px*/
	#logo {padding: 0;}
	#logo a {height: 60px;}

	/*1024px*/
	.navBtn { display: block; width: 22px; position: relative; float: right; height: 24px; padding: 17px 0; cursor: pointer; }
	.navBtn span { display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; left: 0; margin-top: -1px; }
	.navBtn span:before,
	.navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #999; position: absolute; left: 0; top: -8.5px; transition: transform .3s; transition: transform .3s; }
	.navBtn span:after { top: auto; bottom: -8px; }
	.navBtn.open span { height: 0; }
	.navBtn.open span:before { transform: rotate(45deg); top: 0; }
	.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }

	/*1024px*/
	.nav {position: fixed;left: -80%;top:58px;width: 80%;z-index: 9;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: left .3s;}
	.nav.open {left: -80%;}
	.nav ul {padding:5px 0 30px 0;}
	.nav li { float: none; padding: 0; position: relative;border-bottom: 1px solid #eee; }
	.nav li a {color: #222;padding: 5px 45px 5px 2em;}
	.nav li em { display: block; position: absolute; width: 34px; height: 34px; right: 10px; top: 5px; cursor: pointer; }
	.nav li em:after {content: '';display: block;border-right: 1px solid #222;border-bottom: 1px solid #222;transform: rotate(-45deg);width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;transition: all .3s;}
	.nav li em.open:after { transform: rotate(45deg); margin-top: -8px; }
	.nav li ul { position: static; left: auto; top: auto; margin-left: 0; width: auto; background-color: transparent; padding: 0; }
	.nav li li { border: none; text-align: left; border-bottom:none; border-top: 1px solid #eee;}
	.nav li li a {padding: 5px 0px 5px 3em;color: #222;font-size: 15px;}
}
@media only screen and (max-width:768px) {
	/*768*/
	.header .inner { position: static; }

	/*768*/
	.searchbox .form { width: 93.75%; padding: 10px 3.125%; }
	.searchbox form { width: auto; }
	.banner,.s1,.s2,.news-list,.footer__nav{flex-direction:column;display:flex}
}